page {
  background-color: rgb(199, 205, 255); 
}

.sandiao-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: url('https://example.com/sandiao-background.jpg') no-repeat center center;
  background-size: cover;
}

.sandiao-header {
  padding-top: 20px;
}

.sandiao-title {
  text-align: center;
  font-size: 32px;
  color: #ff6347;
  /* 番茄色 */
  font-weight: bold;
}

/* 搞笑土味沙雕样式 */
.sandiao-title2 {
  width: fit-content;
  font-family: 'Comic Sans MS', cursive, sans-serif; /* 使用Comic Sans字体 */
  color: red; /* 番茄色 */
  font-size: 20px; /* 字体大小 */
  font-weight: bolder;
  text-align: center; /* 文本居中 */
  background: linear-gradient(45deg, #93d66d, #ffa500); /* 45度角的渐变背景 */
  border: 2px dashed #ffa500; /* 金色虚线边框 */
  padding: 5px; /* 内边距 */
  margin: 10px auto; /* 上边距 */
  border-radius: 10px; /* 边框圆角 */
  animation: shake 0.5s infinite; /* 抖动动画 */
}


.sandiao-content {
  margin-top: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sandiao-screenshot {
  width: 180px;
  height: 290px;
  border: 5px dashed #ffa500;
  /* 金色虚线边框 */
  border-radius: 20px;
  animation: shake 1s infinite ease-out;
  /* 搞笑的摇晃动画 */
}

.sandiao-check-button {
  margin-top: 50px;
  background-color: #ff4500;
  /* 橙色 */
  color: #ffffff;
  border: 2px dashed #ffa500; /* 金色虚线边框 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* 添加阴影效果 */
  font-size: 24px;
  padding: 20px;
  white-space: pre-wrap;
  border-radius: 20px;
  font-family: 'Impact', fantasy;
  /* 搞笑字体 */
  animation: pulse 1s infinite;
  /* 搞笑的跳动动画 */
}

.sandiao-footer {
  text-align: center;
  margin-top: 40px;
}

.copyright-text{
  font-size: 16px;
  color: #ff6347;
  /* 番茄色 */
  font-weight: bold;

}

.sandiao-footer-text {
  margin-top: 10px;
  font-size: 30px; /* 增大字体大小 */
  font-weight: bolder;
  color: #ff6347; /* 使用番茄色，增加土气感 */
  padding: 5px; /* 增加内边距 */
  border: 5px solid #ffa500; /* 添加金色边框 */
  text-shadow: 
    1px 1px 0px #ff0000, /* 红色阴影 */
    2px 2px 0px #00ff00, /* 绿色阴影 */
    3px 3px 0px #0000ff; /* 蓝色阴影 */
  animation: funnyBounce 2s infinite; /* 添加搞笑跳动动画 */
  border-radius: 10px;
}

/* 搞笑的跳动动画 */
@keyframes funnyBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

/* 搞笑的闪烁动画 */
@keyframes funnyFlash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* 应用闪烁动画到文字 */
.sandiao-footer-text {
  animation: funnyFlash 1s infinite alternate;
}

/* 动画 */
@keyframes shake {
  0%,
  100% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(2deg);
  }

  75% {
    transform: rotate(-2deg);
  }
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}